偶然看到了Hexo,和免费的Github Page,对于程序员来说有一个属于自己的网站和分享技术的地方,真是装逼起飞的开始啊。
废话不多说,直接上干货,对了我这个是针对于windows用户的。
预装环境
安装Hexo
直接下载安装吧,没什么好说的,windows没那么麻烦的。有了nodejs之后,1
npm install -g hexo-cli
这样就安装好啦
建站
安装完Hexo后,执行以下命令,Heox将会在制定文件夹中新建所需要的文件。1
2
3hexo init blog
cd blog
npm install
新建完成后,指定文件夹的目录如下:1
2
3
4
5
6
7
8.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
_config.yml
它的是最主要的配置文件,我们先不动
Github建仓库
去github上新建一个仓库,仓库名为steflerjiang.github.io
上传至仓库
在blog目录下配置_config.yml
文件,其中的deploy
项配置为1
2
3
4
5
6# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github:SteflerJiang/steflerjiang.github.io.git
branch: master
然后执行1
2hexo g
hexo -d
这里如果deploy报错的话,ERROR Deployer not found: git
,运行npm install hexo-deployer-git --save
估计是依赖没有装上去。
等十几分钟,打开https://steflerjiang.github.io/
就可以看到你自己的blog啦。
Hexo的其他问题,可以直接看它的官方网站。Hexo
主题主题主题
本来想用默认的主题随便用用,结果不小心google了一下,发现了next,完全不能自拔,太漂亮了
看到一个很详细的教程在这里Hexo搭建GitHub博客(三)- NexT主题配置使用
sitemap
sitemap的意思就是站点地图,意味着你要告诉搜索引擎你网站的哪些网址是可以被收录的。
我一共给两个搜索引擎添加了sitemap,分别是google和百度。废话不多说,对于hexo 3.x版本1
2
3cd your-site
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
执行完之后,打开你根目录下的package.json
文件,会发现dependencies里面多了两行1
2"hexo-generator-baidu-sitemap": "^0.1.2",
"hexo-generator-sitemap": "^1.1.2"
打开你的站点配置文件,在最下面加入如下配置:1
2
3
4
5
6<!-- 不要用网上的path配置,会导致deploy失败 -->
baidusitemap:
path: baidusitemap.xml
sitemap:
path: sitemap.xml
这就代表安装成功了。
然后执行1
2hexo g
hexo d
重新生成和部署。
百度
打开并登录百度站长平台,在链接提交中提交你自己的博客地址,比如我自己的就是https://steflerjiang.github.io/
,提交完成之后有个验证过程,意思就是证明这个网站归你所有,我选择用html验证,很简单,在根目录下的index.html
的head标签中加一行代码验证一下就行,加完之后重新执行hexo d
,等个1分钟就可以验证了。
然后去sitemap提交选择sitemap,填写自己的sitemap地址,我的地址如下https://steflerjiang.github.io/baidusitemap.xml
,输入验证码提交即可。
google和百度基本的流程差不多,打开Google Search Console,点击添加属性,选择网站并提交自己的网站地址,也用alternate methods中的html tag方法来完成验证,跟百度的一样。
然后在左侧选择,抓取->站点地图,提交自己的sitemap地址,比如我的就是https://steflerjiang.github.io/sitemap.xml
,等一两天左右就行了。